<html>
	<head>
		<title>AZone社交-动态首页</title>
		<link rel="stylesheet" href="/css/JanGrid.css" />
		<link rel="stylesheet" href="/css/JanAnimation.css" />
		<link rel="stylesheet" href="/css/fa.css" />
		<link rel="stylesheet" href="/css/app.css" />
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="/css/index.css" />
	</head>
	<body>
		<div class="mask row center" id="modal" style="margin: 0">
			<div class="col-xs-4 col-sm-3">
				<div class="modal-card" id="modal-card">
					<div class="modal-card-title" id="modal-title"></div>
					<div class="modal-card-content" id="modal-content"></div>
					<button class="button success modal-card-button" id="modal-button">关闭</button>
				</div>
			</div>
		</div>
		<div class="navbar">
			<div class="title">AZone社交空间</div>
			<div class="menu">
				<div class="field"><input type="text" id="search" class="search" placeholder="搜索动态" /><i class="far fa-paper-plane search-icon" id="search-button"></i></div>
				<a href="/html/index.html" focus>动态首页</a>
				<a href="/html/album.html">个人相册</a>
				<a href="/html/user_center.html">个人中心</a>
				<a href="/html/login.html?logout">退出登录</a>
			</div>
		</div>

		<h1 id="sayhelloh1"></h1>

		<div class="row">
			<div class="col-sm-4">
				<div class="news" id="news">
					<!-- 插槽 -->
				</div>
				<div class="news-controller">
					<i class="far fa-arrow-alt-circle-up" id="page-home"></i>
					<i class="far fa-arrow-alt-circle-left" id="page-backwards"></i>
					<div id="news-controller-state"></div>
					<i class="far fa-arrow-alt-circle-right" id="page-forwards"></i>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="user-info">
					<img id="user-info-avatar" />
					<h2 class="name" id="user-info-name"></h2>
					<h3 class="detail" id="user-info-detail"></h3>
					<div class="panel">
						<!-- 不优雅 -->
						<div class="row" style="margin-left: -15px">
							<div class="col-sm-2" style="padding-left: 15px">
								<div class="border" style="border: 4px solid #07c160" id="add-new"><i class="far fa-edit" style="color: #07c160"></i></div>
							</div>
							<div class="col-sm-2" style="padding-left: 22px">
								<div class="border" style="border: 4px solid #fdd155" id="to-usercenter"><i class="far fa-user" style="color: #fdd155"></i></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="/js/index.js" type="module"></script>
</html>
